*{ 
 margin: 0;
 padding: 0; 
 text-decoration: none;
 font-family: "微软雅黑";
 }
 html,body{
 	margin: 0;
 	padding: 0;
 }
 ul{
 list-style: none;
 }
 #container{
 position: relative;
 width: 100%;
 height: 40vw;

 overflow: hidden;
 }
 @media (max-width:750px ) {
	 #container{
		 margin: 0px auto;
	 }
 } 
 .pic li {
 position: absolute;
 top: 0;
 left: 0;
 display: none;
 }
 .pic li img {
 width: 100%;
 }
 #position{
 position: absolute;
 bottom: 20px;
 right:0;
 margin: 0;
/* background: #000;*/
/* opacity: 0.4;*/
 width: 100%;
 padding: 0.5vw 0;
 text-align: center;
 }
 @media (max-width: 750px) {
	 #position{
	 bottom: 10px;
	 }
 }
 #position li{
 width: 15px;
 height: 15px;
 margin:0 6px;
 display: inline-block;
 -webkit-border-radius: 5px;
 border-radius: 10px;
 background-color: white;
 opacity: 100;
 cursor: pointer;
 }
 @media (max-width: 750px) {
 	 #position{
 	 	display: none;
 	 }
	 #position li{
	 width: 3vw;
	 height: 3vw;
	 }
 }
 #position .cur{
 background-color: #447ade;
 }
 
 .arrow { 
 cursor: pointer;
 display: none; 
 line-height: 39px; 
 text-align: center; 
 font-size: 36px; 
 font-weight: bold; 
 width: 40px; 
 height: 40px; 
 position: absolute; 
 z-index: 2; 
 top: 50%;
 margin-top: -20px; /*width的一半*/
 background-color: RGBA(0,0,0,.3); 
 color: #fff;
 }
 .arrow:hover { 
 background-color: RGBA(0,0,0,.7);
 }
 #container:hover .arrow { 
 display: block;
 }
 #prev { 
 left: 20px;
 }
 #next { 
 right: 20px;
 }
 /*banner1----------------------------------------------------*/
 #pic1{
 	width: 50vw;
 	position: absolute;
 	color: white;
 	font-size: 20vw;
 	top: 2vw;
 	left: 25vw;
 	opacity: 0;
 }
 #pic11{
 	width: 50vw;
 	position: absolute;
 	color: white;
 	font-size: 20vw;
 	top: 26vw;
 	left: 25vw;
 	opacity: 0;
 }
 .chuxian1{
 	animation: chuxian1 0.5s linear forwards;
 }
 .yincang1{
 	animation: yincang1 0.5s linear forwards;
 }
 @keyframes chuxian1{
 	from{}
 	to{opacity:1;top: 6vw;}
 }
 @keyframes yincang1{
 	from{}
 	to{opacity:0;top: 10vw;}
 }
 .chuxian11{
 	animation: chuxian11 0.5s linear 0.3s forwards;
 }
 .yincang11{
 	animation: yincang11 0.5s linear forwards;
 }
 @keyframes chuxian11{
 	from{}
 	to{opacity:1;top: 20vw;}
 }
 @keyframes yincang11{
 	from{}
 	to{opacity:0;top:26vw;}
 }
/*banner2----------------------------------------------------------- */
 #pic2{
 	width: 50vw;
 	position: absolute;
 	color: white;
 	font-size: 20vw;
 	top: 2vw;
 	left: 25vw;
 	opacity: 0;
 }
 #pic21{
 	width: 40vw;
 	position: absolute;
 	color: white;
 	font-size: 20vw;
 	top: 14vw;
 	left: 30vw;
 	opacity: 0;
 }
 #pic22{
 	width: 12vw;
 	text-align: center;
 	position: absolute;
 	color: white;
 	font-size: 1.5vw;
 	top: 37vw;
 	left: 44vw;
 	border: 2px solid white;
 	padding: 0.5vw 1vw;
 	opacity: 0;
 }
  .chuxian2{
 	animation: chuxian2 0.5s linear forwards;
 }
 .yincang2{
 	animation: yincang2 0.5s linear forwards;
 }
 @keyframes chuxian2{
 	from{}
 	to{opacity:1;top: 4vw;}
 }
 @keyframes yincang2{
 	from{}
 	to{opacity:0;top: 6vw;}
 }
 .chuxian21{
 	animation: chuxian21 0.5s linear 0.3s forwards;
 }
 .yincang21{
 	animation: yincang21 0.5s linear forwards;
 }
 @keyframes chuxian21{
 	from{}
 	to{opacity:1;top: 12vw;}
 }
 @keyframes yincang21{
 	from{}
 	to{opacity:0;top:20vw;}
 }
 
 .chuxian22{
 	animation: chuxian22 1s linear 1s forwards;
 }
 .yincang22{
 	animation: yincang22 1s linear  forwards;
 }
 @keyframes chuxian22{
 	from{}
 	to{opacity:1;}
 }
 @keyframes yincang22{
 	from{}
 	to{opacity:0;}
 }
/*banner3-----------------------------------------------------------*/
 #pic3{
 	width: 50vw;
 	position: absolute;
 	color: white;
 	font-size: 4vw;
 	top: 21.5vw;
 	left: 28vw;
 	opacity: 0;
 }
 #pic31{
 	width: 50vw;
 	position: absolute;
 	color: white;
 	font-size: 20vw;
 	top: 8vw;
 	left: 25vw;
 	opacity: 0;
 }
  #pic32{
 	width: 50vw;
 	position: absolute;
 	color: white;
 	font-size: 1.5vw;
 	top: 10.5vw;
 	left: 43.5vw;
 	opacity: 0;
 }
  #pic33{
 	width: 50vw;
 	position: absolute;
 	color: #C31A0D;
 	font-size: 1.5vw;
 	top: 37vw;
 	left: 35vw;
 	opacity: 0;
 }
 #pic34{
 	width: 12vw;
 	text-align: center;
 	position: absolute;
 	color: white;
 	font-size: 1.5vw;
 	top: 37vw;
 	left: 44vw;
 	border: 2px solid white;
 	padding: 0.5vw 1vw;
 	opacity: 0;
 }
.chuxian3{
 	animation: chuxian3 0.5s linear forwards;
 }
 .yincang3{
 	animation: yincang3 0.5s linear  forwards;
 }
 @keyframes chuxian3{
 	from{}
 	to{opacity:1;left: 32vw;}
 }
 @keyframes yincang3{
 	from{}
 	to{opacity:0;left: 28vw;}
 }
 .chuxian31{
 	animation: chuxian31 0.5s linear 0.5s forwards;
 }
 .yincang31{
 	animation: yincang31 0.5s linear forwards;
 }
 @keyframes chuxian31{
 	from{}
 	to{opacity:1;}
 }
 @keyframes yincang31{
 	from{}
 	to{opacity:0;}
 }
 .chuxian32{
 	animation: chuxian32 0.5s linear 1s forwards;
 }
 .yincang32{
 	animation: yincang32 0.5s linear forwards;
 }
 @keyframes chuxian32{
 	from{}
 	to{opacity:1;top: 18.5vw;}
 }
 @keyframes yincang32{
 	from{}
 	to{opacity:0;top:10.5vw;}
 }
  .chuxian33{
 	animation: chuxian33 0.5s linear 1.5s forwards;
 }
 .yincang33{
 	animation: yincang33 0.5s linear forwards;
 }
 @keyframes chuxian33{
 	from{}
 	to{opacity:1;top: 29vw;}
 }
 @keyframes yincang33{
 	from{}
 	to{opacity:0;top:37vw;}
 }
.chuxian34{
 	animation: chuxian34 1s linear 2s forwards;
 }
 .yincang34{
 	animation: yincang34 1s linear  forwards;
 }
 @keyframes chuxian34{
 	from{}
 	to{opacity:1;}
 }
 @keyframes yincang34{
 	from{}
 	to{opacity:0;}
 }
 
 





